﻿
body { font-size: 13px; font-family:"Microsoft YaHei","WenQuanYi Micro Hei";  color: #555; width: 100%; min-height: 100%; position: absolute; -webkit-text-size-adjust: none; }
.btn-lg{width: 130px; text-align: center; font-size: 14px;}


/* header */
.header-bar{ padding: 5px 0; background: #f2f2f2; }
.header-bar .bar-left{display: inline-block;}
.header-bar .hotline em{font-weight: 600;}
.header-bar .links-wrap{ float: right; color: #999; }
.header-bar .links-wrap a{padding: 0 5px;}
.header-bar .links-wrap span{margin-left: 15px;}
.header-bar .links-wrap .language-item a{ color: #999; }
.header-bar .links-wrap .language-item a.active{color: #666; font-weight: 600;}
.top-header{height: 100px;  }
.top-header .top-right{float: right;margin-top: 0px; width: 40%; text-align: right; position: relative; padding-top: 8px;}
.top-header .search-box{position: relative; display: inline-block; padding-right: 50px; vertical-align: middle; }
.top-header .search-box .icon-box{ position: absolute; right: 0px; top: 0px; }
.top-header .search-box .form-control{ padding:0 30px 0 10px; height: 34px; }
.top-header .search-box .btn{}

.top-header .operate-icon{ position: absolute; right: 0; top: 0px;}
.top-header .operate-icon li{display: inline-block;}
.top-header .operate-icon li a{  padding: 0;line-height: inherit; margin-right: 15px; position: relative; display: block;}
.top-header .operate-icon li .origin{position: absolute; background: #ff0030; border-radius: 50% 50% 50% 0; color: #fff; font-size: 11px;padding: 0 3px; min-width: 16px; line-height: normal; text-align: center; right: 0px; top: 0px;}
.top-header .operate-icon li:last-child a{margin-right: 0;}
.top-header .navbar-brand{ float: left; height: auto; margin-top: 15px; padding-left: 0; }
.top-header .logo{background: url("../images/logo.png") no-repeat; width: 232px; height:44px ; display: inline-block;}
.navbar-nav{margin: 0;}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus{ background: none; }
.navbar-toggle{ top: 15px; }
.navbar-toggle .icon-bar{background: #fff;}

.menu-list.show{ position: absolute; top: 60px; width: 100%; left: 0; padding-top: 0; }
.menu-list.show li a{ padding: 10px 30px;  }

.top-right{position: relative;}
.max-code{position: absolute;right: -100px;top: 7px;}
.max-code img{width: 90px; height: 90px;}
/* menu */
.navbar-menu{ width: 100%; text-align: center; }
.navbar-menu ul{float: inherit; width: 100%;}
.navbar-menu li{ width:20%; border-right: 1px solid transparent; float: left;}
.navbar-menu li a{  color: #fff; font-size: 16px;}


/* top-banner */


.page-banner{ margin: 0 auto; position: relative; height: 280px; }
.page-banner .title{ position: absolute;z-index: 1; left: 50%; top: 50%; margin:-30px 0 0 -150px;  color: #fff;font-size: 36px; font-weight: 600; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 300px;text-align: center; height: 60px;line-height: 60px;display: inline-block; }
.page-banner img{position: absolute; left: 50%; top: 0; height: 100%;}
.page-banner .banner-img{ width: 100%; height: 100%; background-size: cover; background-position: center center; }
.ut-breadcrumb-box{background: #f2f2f2;}
.breadcrumb{ margin-bottom: 0;  padding: 10px 15px;background:none; overflow: hidden; }
.breadcrumb > li{float: left;}
.breadcrumb>.active{    overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 55%;margin-left: 10px;}

/* 浜у搧鍒嗙被 */
.ut-category-list li a{ padding: 0 30px 0 15px;position: relative; margin: 0 0 -1px;border: 1px solid #ddd; height: 52px; line-height: 52px;display: block;  font-size: 15px;    overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;  }
.ut-category-list li .icon-arrows{ position: absolute;right: 10px; top: 50%; margin-top: -12px; }
.ut-category-list li.active a{ color: #fff; }

.fw-submenu-list{}
.fw-submenu-list li.title{background: #f2f2f2; position: relative; border-bottom: 2px solid #eee; padding: 0; height: 40px; line-height: 40px; font-size: 18px; color: #555;}
.fw-submenu-list li.title>span{display:inline-block; position: absolute; top: 0; bottom: -1px; border-bottom:2px solid transparent; padding:0 10px; font-weight: 600;}
.fw-submenu-list li.title span em{font-weight: normal; color: #fff; padding:0 5px; font-size: 16px; display: inline-block; line-height: normal; margin-left: 10px;}

/* 妗嗘灦 */
.main-box{ margin-bottom: 30px; }
.ut-box{float: left; width: 100%; margin-top: 0;}
.ut-box .ut-header{ border-bottom: 2px solid transparent; padding-bottom: 0;  }
.ut-header h2:before{display: none;}
.ut-box .ut-header h2{ font-size: 18px;height: 40px; line-height: 40px; text-align: left;}
.ut-box .ut-header h2 span{ display:inline-block;  border-bottom:2px solid transparent; padding:0 10px; font-weight: 600; background: none; }
.ut-box .ut-header h2 .en{ font-weight: normal; color: #fff; padding:0 5px; font-size: 16px; display: inline-block; line-height: normal; margin-left: 10px; } 
.ut-box .ut-header .more{ float: right; font-size: 13px; font-weight: normal;padding-right: 10px;}
.ut-box .ut-ctn{padding: 20px;border:1px solid #ddd; }

.ut-aside-menu{ width: 22%; float: left; margin-right: 40px; min-width: 220px; }
.ut-aside-menu .ut-box{margin-bottom: 40px;}
.ut-aside-menu .ut-ctn,
.fw-aside-box .ut-ctn {padding: 0; border:none;}
.ut-aside-menu .ut-category-list li a{height: 46px; line-height: 46px; }
.ut-main-box{ overflow: hidden; }


.ut-interior-title h4{font-weight: 600; margin-bottom: 20px; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px;}
.ut-interior-title h4 span{border-bottom: 2px solid #1d7dcb;padding:0 10px; display: inline-block;}

/* 淇℃伅鎻愰啋 */
.ut-message-remind{ background: #f2f2f2; padding: 10px; }
.ut-message-remind .remind-list{overflow: hidden;}
.ut-message-remind .remind-list .icon-box { margin-right: 10px; float: left; }
.ut-message-remind .remind-list ul{ overflow: hidden; }

/* 鍏充簬鎴戜滑 */
.ut-about-us{ width: 50%;padding-right: 30px;}
.ut-about-us .img{ float: left; padding-right: 20px; }
.ut-about-us .text{ overflow: hidden; }
.ut-about-us .text p{padding-bottom: 10px;}

/* 鏈€鏂版柊闂� */
.ut-hot-news{width: 50%;}
.ut-about-us .ctn-inner,
.ut-hot-news .ctn-inner{height: 290px; overflow: hidden; }
.ut-hot-news .fw-protext-list .fw-pro-img{width: 8em;}
.ut-hot-news .fw-protext-list .fw-info-body h4{ padding: 0 ; }
.fw-protext-list li:first-child{ padding-top: 0; }
.fw-protext-list .fw-info-body h4.tt a{ font-size:1.4em;  }

/* 浜у搧鎺ㄨ崘 */
.ut-product-recommend .ut-box .ut-ctn{ padding: 20px 0 0 0; border:none; }
.ut-product-recommend .ut-box .ctn-inner{display: table;}
.ut-product-recommend .ut-category-list{width: 28%;padding-right: 20px; display: table-cell; vertical-align: top; height: 100%;position: relative;}
.ut-product-recommend .ut-category-list .fw-submenu-list{height: 100%; position: absolute; left: 0; right: 0;top: 0;bottom: 0;background: #f2f2f2;}
.fw-submenu-list li i.iconfont{ }
.ut-product-recommend .ut-product-list{display: table-cell; vertical-align: top;}


.ut-product-list{overflow: hidden;}
.products-list li:hover .pro-img{border-color:#005494;}
.ut-contact-us .type-compose-list{ padding-bottom: 20px; }

/* 鑱旂郴鎴戜滑 */
 #map{ margin-top: 20px; }

/* footer */
.footer{ padding: 30px; text-align: center; margin-top: 100px; background: #000000; color: #fff;}



/* 淇敼瀵嗙爜 */
.ut-password-box{ background: #f2f2f2; padding: 40px 20px; }
.ut-password-box .group-btn{margin-top: 50px;}

.top-header .top-right .bom{text-align: left; padding-top: 5px;}
.top-header .top-right .fw-hotline-phone{display: inline-block; padding-right:20px;}
.fw-hotline-phone{ font-size: 30px; }
.fw-hotline-phone > .tel-num span{font-weight: 400; font-size: 14px; line-height: 1.2;}
.fw-hotline-phone > span .icon{font-size: 1em;}
.fw-hotline-phone > span{ padding-right: 5px; }
.fw-hotline-phone > .tel-num{padding-top: 3px;}

@media (max-width: 1280px){
	 .page-banner{height: 200px;}
}

/* 榛樿棰滆壊 */
a { text-decoration:none; color:#0056A3;}
a:hover,a:focus{ color:#FF6600;text-decoration:none;}
.price{color: #FF6600; }
.auxiliary-color{color: #FF6600!important;}

.navbar-menu{background: #000000;}
.navbar-menu li.active a, 
.navbar-menu li a:hover{background: #e77910;}
.navbar-menu li{border-color: #e77910;}

.fw-photos-list li:hover .pro-img{ border-color: #1777c0; }

.ut-box .ut-header{background: #f2f2f2;border-color:#eee;}
.fw-submenu-list li.title span em,
.ut-box .ut-header h2 .en{background: #1d7dcb;}
.fw-submenu-list li.title>span,
.ut-box .ut-header h2 span{ border-color: #000000; }

.ut-category-list li a:hover{background: #f2f2f2;}
.ut-category-list li.active a,
.ut-category-list li.active a:hover {background: #e77910;}
.fw-submenu-list li a,
.ut-category-list li a{color: #444;}

.breadcrumb>li:after{padding: 0 5px;color: #ccc;content: "/";}
.breadcrumb>li:before,
.breadcrumb>li:last-child:after{display:none}
.breadcrumb>.active{margin-left:0;}

